.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
    background: #f7f5f5;
    height: 100%
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    .px2rem(height, 136);
    .px2rem(line-height, 136);
    background: black;
    color: white;
    .px2rem(font-size, 36);
    z-index: 110;
    h3{
        position: absolute;
        text-align: center;
        width: 100%;
    }
    .left{
        position: absolute;
        left: 3%;
        z-index: 200;
    }
}
.p{
    .px2rem(margin-top, 136);
    .px2rem(font-size, 30);
    .px2rem(line-height, 105);
    color: red;
    margin-left: 4%;
}
.mumber{
     .px2rem(height, 105);
    display: flex;
    border-top: 1px solid #a0a0a0;
    border-bottom:1px solid #a0a0a0;
    background: white;
    .px2rem(font-size, 34);
    .left{
        .px2rem(width, 142);
        .px2rem(line-height, 105);
        text-align: center;
    }
    .inp{
        flex:1;
        border:none;
        outline: none;
        .px2rem(font-size, 34);
    }
}

.content{
    .px2rem(margin-top, 70);
    border-top: 1px solid #a0a0a0;
    background-color: white;
    height: 100%;
    p:first-child{
        .px2rem(font-size, 28);
        margin-left: 3%;
        .px2rem(margin-top, 70);
        .px2rem(height, 37);
        .cek{
            -webkit-appearance: none;
            .px2rem(width, 37);
            .px2rem(height, 37);
            border:1px solid #ccc;
            border-radius: 50%;
            outline: none;
            .px2rem(line-height, 37);
            .px2rem(font-size, 28);
            text-align: center;
            color: white;    
        }
        .cek:checked{
            background-color: green;
            border-color: none;
        }
        .cek:checked:before{
            content:'√';
        }
    }
    .btn{
        width: 90%;
        margin-left:5%;
        background-color: #878787;
        .px2rem(height, 90);
        border:none;
        outline: none;
        color: white;
        .px2rem(font-size, 40);
        border-radius: 10px;
        .px2rem(margin-top, 90);
        position: relative;
        a{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
        }
    }
    p:last-child{
        .px2rem(margin-top, 26);
        text-align: right;
        a{
            color: #6e6e6e;
            .px2rem(font-size, 28);
             margin-right: 5%;
        }
    }
}